<script setup lang="ts">
import { useRouter } from "vue-router";
const router = useRouter();

const back = () => {
	router.replace({
		path: "/"
	});
};
</script>

<template>
	<div class="route_error">
		<van-empty image="error" description="页面找不到，请检查后重试" />
		<van-button size="small" color="#1e8fa0" @click="back">返回首页</van-button>
	</div>
</template>

<style scoped lang="less">
.route_error {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 100%;
	.van-empty {
		padding: 5px 0;
	}
}
</style>
